Metro Transit Redesign

Metro Transit Website Redesign

Metro Transit’s previous website was launched in 2014. Since that time, customer expectations of information, usability, and design for a web experience have become more demanding. Also, the way the internet is used for transportation has significantly changed. With shared mobility services, users now expect a fluidity of transit information that we were not providing. Based on testing, we found the "dated" look of our site made users question the accuracy of the data.

After extensive user testing, we brought the site (metrotransit.org) up to a modern style in both visual design and functionality, using a Mobile First approach. Now focused on the most critical information, we moved away from the “all information at all times” model and focused on core users. Their need for trip tools is now met front and center.

By moving our primary customer tools (Trip Planner, NexTrip, Alerts) to primary placement on the homepage, we noticed an immediate drop in time spent on other pages. Pre-redesign, customers spent an average of 28 seconds on the homepage before going elsewhere on our site for information. After the redesign, customers spent an average of almost two minutes on the homepage, due to the immediate availability of the most essential tools. We also observed a drop in Trip Planner failure results due to the implementation of a more robust “auto-complete” engine.

Through extensive use of Adobe XD, we were able to complete a master pattern library and wireframes, and route mockups for review, and accelerate the design/approval process.